<template>
    <footer class="footer">
        <div class="footer-top">
            <ul class="footer-links">
                <li><a href="#">关于36k.com</a></li>
                <li><a href="#">商务合作</a></li>
                <li><a href="#">友情链接</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#">用户守则</a></li>
                <li><a href="#">网站地图</a></li>
                <li><a href="#">小说标签</a></li>
                <li><a href="#">动漫专栏</a></li>
            </ul>
        </div>
        <div class="footer-bottom">
            <p>Copyright (C) 20024-2025 www.36k.com All Rights Reserved 中文在线版权所有，都市小说、仙侠武侠、言情小说等在线小说阅读网站，未经许可不得擅自转载本站内容。</p>
            <p>36K小说网所收录免费小说作品、社区话题、书友评论、用户上传文字、图片等其他一切内容均属用户个人行为，与36K小说网无关。--36K权利声明。</p>
            <p>违法和不良信息举报电话: 188 6819 3136 侵权内容及未成年信息举报邮箱: zxs3517@163.com</p>
            <div class="report-links">
                <a href="https://www.12377.cn/"><img src="https://static.17k.com/www/pic/icon_not.jpg" alt="不良信息举报中心" /></a>
                <a href="https://bzpt.shdf.gov.cn/www/shouye/gzfw/wsjb/index.shtml"><img src="https://static.17k.com/www/pic/icon_not2.jpg" alt="扫黄打非举报入口" /></a>
                <a href="https://www.12377.cn/jbxzxq/64d38691937611ebb858c9da04cf59d3_web.html"><img src="https://static.17k.com/www/pic/icon_not3.jpg" alt="历史虚无主义有害信息举报专区" /></a>
            </div>
        </div>
    </footer>
</template>

<script>
export default {
    name: 'FooterComponent'
}
</script>

<style scoped>
.footer {
    background-color: #fff;
    color: #333;
    padding: 20px 0;
    font-size: 1rem;
}

.footer-top {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.footer-links {
    list-style: none;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.footer-links li {
    margin: 0 15px;
}

.footer-links a {
    color: #333;
    text-decoration: none;
}

.footer-links a:hover {
    text-decoration: underline;
}

.footer-bottom {
    text-align: center;
}

.footer-bottom p {
    margin: 8px 0;
    line-height: 1.5;
}

.report-links {
    margin-top: 20px;
}

.report-links a {
    margin: 0 10px;
}

.report-links img {
    max-width: 150px;
    height: auto;
}
</style>